<!DOCTYPE html>
<html>
<head>
    <title>Angular Bootstrap Datepicker Demo</title>
    <link rel="stylesheet" href="../../bower_components/bootstrap/docs/assets/css/bootstrap.css" />
    <link rel="stylesheet" href="../../dist/angular-bootstrap-datepicker.css" />
</head>
<body data-ng-app="demo">
    <div>
        <div data-ng-controller="AppCtrl">
            <input id="datepicker" type="text" data-ng-datepicker data-ng-options="datepickerOptions" data-ng-model="date">
            <input id="datepickerMirror" type="text" data-ng-model="date">
        </div>
    </div>

    <script src="../../bower_components/jquery/jquery.js"></script>
    <script src="../../bower_components/bootstrap/docs/assets/js/bootstrap.js"></script>
    <script src="../../bower_components/angular/angular.js"></script>
    <script src="../../dist/angular-bootstrap-datepicker.js" charset="utf-8"></script>
    <script type="application/javascript">
        app = angular.module('demo', ['ng-bootstrap-datepicker']);

        app.controller('AppCtrl', function($scope) {
            $scope.datepickerOptions = {
                format: 'yyyy-mm-dd',
                language: 'fr',
                startDate: "2012-10-01",
                endDate: "2012-10-31",
                autoclose: true,
                weekStart: 0
            }
        });
    </script>
</body>
</html>